// app global css in Stylus form
html {
  height: 100%
  box-sizing: border-box
  color: #2c3e50
}
body,
#q-app
  height: 100%
  margin: 0
  padding: 0
  -webkit-font-smoothing: antialiased
  text-rendering: optimizeLegibility
  overflow: hidden
  font-family: 'Roboto', '-apple-system', 'Helvetica Neue', Helvetica, Arial, sans-serif !important

.cross_table
  border-radius 0 !important
  border 1px $light solid
  max-width 100%
  height: 600px
  &.margin
    margin 0 20px
  .q-table
    
    thead
      th,td
        position sticky
        top 0
        font-size 16px
        transition none
        opacity 1
        z-index 1
        color $t-dark
      tr
        background #eee
        th
          position sticky
          top 0
          z-index 1
      trnth-child(even)
        background #eee
    tbody
      trnth-child(even)
        background #f8f8f8
      td
        font-size 14px
  &.q-table--cell-separator
    td,th
      border-left-width 0
      border-right-width 1px
      &last-child
        border-right-width 0
  &.left_sticky
    tdfirst-child
      position sticky
      left 0
      z-index 2
    thead thfirst-child
      top 0
      left 0
      z-index 3

.fullscreen 
  .q-table
    border-bottom: 1px #c8d5ea solid

.q-dialog 
  .view_title
    display flex
    align-items center
    height 50px
    color $white
    font-size 18px
  
  .q-dialog__inner--minimized
    padding 0px

  h1,h2,h3,h4,h5,h6
    margin 0

@media screen and (min-width:780px)
  .dialog_card
    background $white
    min-width 780px
    height 100vh
    pointer-events all
    >.view_title
      background $primary
@media screen and (max-width:780px)
  .dialog_card
    background $white
    min-width 350px
    height 100vh
    pointer-events all
    >.view_title
      background $primary
.dialog_tool
  background $white
  min-width 100vw
  height 100vh
  pointer-events all
  >.view_title
    background $primary
.dialog_form
  >div
    min-height 95px
  h5
    font-size 14px
    >ifirst-child
      transform translate(0,-2px)
.q_b_toggle
  width 100%
  border 1px $primary solid
  color $primary
  box-shadow unset
  >button
    flex 999 1 0%
    .q-btn__wrapper
      padding 0
.q_b_tabs
  border-bottom 1px $light solid
  .q-tab--active
    color $primary

.toggle_btn
  border 1px $primary solid
  color $t-grey